@charset "utf-8";

html{height: 100%;}

body{font-family: 'Conv_peugeot_normal-webfont';;background-color: #01020a;background-position: center top;background-repeat: no-repeat;background-image: url(../img/fondo.jpg); overflow-x:hidden; width:100%; height:100%}

.content { position:relative; width:90%; max-width:992px; margin:0 auto; display:block; height:570px;  background-size:100%; overflow:visible}
.contenido { position:relative; float:left; min-height:550px; overflow:visible; width:100%}

#logo{position: absolute;left: 0; top: 15px; z-index:9999; width:100%; text-align:center}
#titulo{position: absolute;left: 0; top: 130px; z-index:9999; color:#FFF; font-size:38px; line-height:46px; text-align:center; width:100%;font-family: 'Conv_peugeot_expanded_light-webfont';}
#titulo .PeuBold{font-family: 'Conv_peugeot_expanded_bold-webfont'; font-size:42px;  }

.auto{position: absolute;left: 50%;transition: 0.5s; z-index:9999}
.auto img{width: 100%;}

.coche1 	{transform: translate(-170%);-webkit-transform: translate(-170%);top: 240px;width: 337px !important; z-index:10}
.coche2 	{transform: translate(-110%);-webkit-transform: translate(-110%);top: 213px;width: 337px !important; z-index:18}
.coche3 	{transform: translate(-50%);-webkit-transform: translate(-50%);width: 376px !important; top:260px; z-index:20}
.coche4 	{transform: translate(20%);-webkit-transform: translate(20%);top: 212px;width: 358px !important; z-index:18}
.coche5 	{transform: translate(96%);-webkit-transform: translate(96%);top: 255px;width: 312px !important; z-index:10}

.coche1 .info { left:40px; top:235px}
.coche2 .info { left:0px; top:262px}
.coche3 .info { width:100%; top:215px}
.coche4 .info { left:120px; top:263px}
.coche5 .info { left:80px; top:220px}

.info{position: absolute; top:150px;  text-align:center; text-shadow:#646464 2px 2px 4px;font-family: 'Conv_peugeot_normal-webfont';}
.info p{line-height: 1.1;}

.info .blanco 	{color: white;}
.info .negro 	{color: black;}
.info .light 	{font-weight: 400;font-size: 18px;font-family: 'Conv_peugeot_normal-webfont';}
.info .light2 	{font-weight: 400;font-size: 20px;font-family: 'Conv_peugeot-bold-webfont';}
.info .light3 	{font-weight: 400;font-size: 10px;font-family: 'Conv_peugeot_normal-webfont'; color:#ff0018}
.info .bold 	{font-weight: 700;font-size: 26px;}
.info .chico 	{font-weight: 700;font-size: 13px;}
.info .grande 	{font-weight: 700;font-size: 36px;font-family: 'Conv_peugeot-bold-webfont';}

.info p span.siglas{font-weight: 700;font-size: 9px;}

div { box-sizing:border-box}

section{ position:relative; width:100%;   background:#fffef9 url(../img/bg-gris.jpg) repeat-x; float:left;}
.contentForm {	position: relative; max-width:992px; margin:0 auto; display:block;}
.izquierda { position:relative; float:left; width:638px; padding:16px 0 0px 30px}
.izquierda img { margin-top:70px}
.derecha { position:relative; float:right; width:354px; background:url(../img/bg-form.png) no-repeat; height:424px}
.control-group { width:100%}
.izq { float:left; position:relative; width:50%; padding:0 5px}

footer {color: black;width: 100%;padding: 30px 0;box-sizing: border-box;font-size: 12px;font-family: Arial, Helvetica, sans-serif;text-align: center; position:relative; float:left;color:#666666;}
footer a  {margin:0 10px; color:#666666;text-decoration: none;}
footer a:hover, footer a:focus{text-decoration: underline;}

.principal .info {transform: none;-webkit-transform: none;right: -15%;top: 56%;}
.principal .bold {font-size: 70px;line-height: 0.8;}


h1{	font-size: 22px;	text-transform: uppercase;width:100%; text-align:center; margin:16px 0 39px 0; color:#293ea8;font-family: 'Conv_peugeot-bold-webfont';}
h1 br { display:none}

#frase{	color: #293ea8;text-align: center;	font-weight: 400;font-size: 26px;opacity: 1;width: 560px;margin: 0 auto; height:78px; text-transform:uppercase;  position:absolute; left:-580px; top:70px;  border:#293ea8 2px solid;font-family: 'Conv_peugeot_normal-webfont';}
#frase .tabs .tab {display:none;padding-top:25px;}
#frase .tabs .tab .fa{font-size:2em;text-align:center;margin-bottom:0.5em;display:block}

/* FORMULARIO */

#cuadro_form {	width: 80%;text-align: center;padding: 10px;box-sizing: border-box; margin:30px 0 0 10%}

input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], 
select, textarea {
	box-sizing: border-box;box-shadow: none;
	color: #666666;background: white;font: 11px/14px Arial;
	height: 34px;margin-bottom: 10px;padding: 4px 4%;
	resize: none;border: 1px solid #c8c8c8;width: 100%;
}
textarea {	height: 82px; margin-bottom:7px}
textarea:focus {	outline: medium none;}

button[type="submit"]{
	background-color: #293ea8;color: #fff;display: block;
	position: relative;
	border: 1px solid #9c9c9c;box-shadow: none;height: 34px;margin: 0;
	width: 100%;padding: 0 10px 0 0;text-transform: uppercase;text-align: center;
	transition: 0.25s ease; cursor: pointer;font-family: 'Conv_peugeot_expanded_bold-webfont';;
}

button[type="submit"]:hover {background-color: #1d4499;}
input.error, 
select.error, textarea.error {
	border:1px solid #EC0048;
}

.styled-select {overflow: hidden; position:relative; float:left;background:#fff url(../img/select.jpg) no-repeat right center; height: 34px; width:100%;border: 1px solid #c9c9c9; margin-bottom:10px}

.styled-select select {background: transparent; width:110% !important;height: 34px; border:none;}

.agradecimiento {padding:5em 0em;}
.agradecimiento.error {color:#E00000}

.errors{}
.errors li{display:block;}

.mob { display:none}	

/* RESPONSIVE */

@media only screen and (max-width : 1120px) {
	
@media only screen and (max-width : 1024px) {
.izquierda { padding:16px 0 0px 0px; width:100%; z-index:999}
.izquierda img { display:none}
.derecha { position:relative; float:none; width:100%; background:url(../img/bg-formTablet.png) no-repeat center; height:651px; margin-top:-30px; padding:0 20%}
	
.desk { display:none}
.mob { display:block}	

h1{	 margin:22px 0 25px 0}
h1 br { display:block}
	
.info{top:116px;}

#cuadro_form { padding:0px}
.contentForm { margin:0px auto; width:100%; }
.izq { width:100%; padding:0px}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], 
select, textarea {	
	height: 46px;margin-bottom: 13px;}
textarea {	height: 100px; margin-bottom:7px}
textarea:focus {	outline: medium none;}
.styled-select { height:46px}
.styled-select select { height:46px}

button[type="submit"]{border: none;height: 46px;text-transform: uppercase;text-align: center; margin-bottom:11px; font-size:24px}

#frase{	text-align: center;	font-size: 24px;width: 546px;margin:20px auto 20px auto; height:80px; float: none;  left:0; position:relative; max-width:90%}

section { padding-bottom:100px}

footer { display:none}

.content { position:relative; width:90%; max-width:992px; margin:0 auto; display:block; height:790px;  background-size:100%; overflow:visible}
.contenido { position:relative; float:left; min-height:550px; overflow:visible; width:100%}

.auto{position: absolute;left: 50%;transition: 0.5s; z-index:9999}
.auto img{width: 100%;}

.coche1 	{transform: translate(-96%);-webkit-transform: translate(-96%);top: 510px;width: 337px !important; z-index:10}
.coche2 	{transform: translate(-110%);-webkit-transform: translate(-110%);top: 213px;width: 337px !important; z-index:18}
.coche3 	{transform: translate(-50%);-webkit-transform: translate(-50%);width: 376px !important; top:260px; z-index:20}
.coche4 	{transform: translate(11%);-webkit-transform: translate(11%);top: 212px;width: 358px !important; z-index:18}
.coche5 	{transform: translate(2%);-webkit-transform: translate(2%);top: 530px;width: 312px !important; z-index:10}

.coche1 .info { left:110px; top:200px}
.coche2 .info { left:0px; top:237px}
.coche3 .info { width:100%; top:190px}
.coche4 .info { left:120px; top:238px}
.coche5 .info { left:60px; top:180px}

}

@media only screen and (max-width : 880px) {	
}
@media only screen and (max-width : 768px) {	
}
@media only screen and (max-width : 680px) {


.izquierda { padding:16px 0 0px 0px; width:100%; z-index:999}
.izquierda img { display:none}
.derecha { position:relative; float:none; width:100%; background:url(../img/bg-formMob.png) no-repeat center; height:651px; margin-top:-35px; padding:0 10%}

h1{	 margin:22px 0 25px 5%; width:90%; font-size:18px}
	
.info{top:116px;}

#cuadro_form { padding:0px; }
.contentForm { margin:0px auto; width:100%; }
.izq { width:100%; padding:0px}
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"], 
select, textarea {	
	height: 46px;margin-bottom: 13px;}
textarea {	height: 100px; margin-bottom:7px}
textarea:focus {	outline: medium none;}
.styled-select { height:46px}
.styled-select select { height:46px}

button[type="submit"]{border: none;height: 46px;text-transform: uppercase;text-align: center; margin-bottom:11px; font-size:24px}

#frase{	text-align: center;	font-size: 24px; width: 110% !important;margin:10px auto 20px -5%; height:80px; float: none;  left:0; position:relative; max-width:110%}

section { padding-bottom:100px}

footer { display:none}

.content { position:relative; width:90%; max-width:992px; margin:0 auto; display:block; height:1280px;  background-size:100%; overflow:visible}

.coche1 	{transform: translate(-74%);-webkit-transform: translate(-74%);width: 296px !important; top:620px; z-index:10}
.coche2 	{transform: translate(-74%);-webkit-transform: translate(-74%);width: 296px !important; top:790px; z-index:18}
.coche3 	{transform: translate(-74%);-webkit-transform: translate(-74%);width: 296px !important; top:190px; z-index:20}
.coche4 	{transform: translate(-74%);-webkit-transform: translate(-74%);width: 296px !important; top:410px; z-index:18}
.coche5 	{transform: translate(-74%);-webkit-transform: translate(-74%);width: 296px !important; top:1050px; z-index:10}

.coche1 .info { left:310px; top:60px}
.coche2 .info { left:310px; top:70px}
.coche3 .info { left:220px; top:50px}
.coche4 .info { left:310px; top:70px}
.coche5 .info { left:310px; top:50px}

#titulo { font-size:26px; line-height:26px}
#titulo .PeuBold{ font-size:26px}

}

@media only screen and (max-width : 480px) {
#titulo { font-size:22px; line-height:22px}
#titulo .PeuBold{ font-size:22px}

.content {  width:100%; height:1180px; }
	
#cuadro_form { padding:0px; width:100%; margin:0%}

.coche3 	{transform: translate(-80%);-webkit-transform: translate(-80%);width: 200px !important; top:190px; z-index:20}
.coche4 	{transform: translate(-80%);-webkit-transform: translate(-80%);width: 200px !important; top:370px; z-index:18}
.coche1 	{transform: translate(-80%);-webkit-transform: translate(-80%);width: 200px !important; top:560px; z-index:10}
.coche2 	{transform: translate(-80%);-webkit-transform: translate(-80%);width: 200px !important; top:740px; z-index:18}
.coche5 	{transform: translate(-80%);-webkit-transform: translate(-80%);width: 200px !important; top:950px; z-index:10}

.coche1 .info { left:216px; top:44px}
.coche2 .info {  left:216px; top:44px}
.coche3 .info { left:156px; top:44px}
.coche4 .info {  left:216px; top:44px}
.coche5 .info { left:216px; top:44px}

}